<template>
  <!--顾客店铺列表页面  顾客登录后能看到所有的门店-->
    <el-container height="100%" width="100%">
      <el-header>
        <NavigatorBar/>
      </el-header>
      <div class="box" style="height:100%">
        <el-container style="height: 100%">
          <el-aside width="200px" style="height: 100%">
            <SideNavigator/>
          </el-aside>
          <el-main style="height: 100%">
            <router-view/>
          </el-main>
        </el-container>
      </div>
    </el-container>
</template>

<script>
import NavigatorBar from "@/components/NavigatorBar";
import SideNavigator from "@/components/customer/SideNavigator";

export default {
  name: "CustomerShopListView",
  components: {
    NavigatorBar,
    SideNavigator,
  }
}
</script>

<style scoped>

.el-header {
  padding: 0;
  margin: 0;
}

body, html {
  margin: 0;
  width: 100%;
  height: 100%;
}

.el-container {
  height: 100%;
}

.box {
  height: 100%;
}


</style>